<div class="container contents bgw ">
    <div class="col-sm-8 col-sm-offset-2">
        <div class="form-group" style="overflow:hidden">
            <div class="col-sm-3">
            <select class="form-control" ng-model="search.type" ng-options=" item.key as item.name  for item in dict.memberType"></select>
        </div>
        <div class="col-sm-6">
            <input ng-model="search.param" class="form-control" placeholder="请输入卡号或者电话号码"></div>
            <div class="col-sm-3">
                <button class="btn btn-danger btn-block" ng-click="postSend()">查询</button>
            </div>

        </div>
    </div>
    <div class="col-sm-12 plan-title text-center">
        <div class="col-sm-1"></div>
        <div class="col-sm-2 text-left" style="padding-left:45px">顾客信息</div>
        <div class="col-sm-3">级别</div>
        <div class="col-sm-3">来源</div>
        <div class="col-sm-3">最后消费时间</div>
    </div>
    <div class="col-sm-12 plan-son text-center slide-down" ng-repeat="customers in view.customer.items">
        <div class="col-sm-1 avatar" >
            <img ng-src="{{customers.avatarUrl||'public/img/avatar.png'}}" ng-mouseover="customers.show=1;interestGetFn(customers.id)" ng-mouseleave="customers.show=0">
            <div class="popover right slide-right"  ng-hide="!customers.show"  ng-mouseover="customers.show=1" ng-mouseleave="customers.show=0">
                <div class="arrow"></div>
                <h3 class="popover-title" ng-bind="customers.nickname"></h3>
                <div class="popover-content">
                <!--
                    <p ng-bind="customers.memberGradeName||'顾客'"></p>
                -->
                    <p ng-bind="'充值余额:'+view.interest[customers.id].charge"></p>
                    <p ng-bind="'积分:'+view.interest[customers.id].point"></p>
                    <p ng-bind="'优惠券:'+view.interest[customers.id].couponCount"></p>

                </div>
            </div>
        </div>
        <div class="col-sm-2 text-left p20" ng-class="{'line26':customers.memberCardNo&&customers.phone}">
            <div ng-if="customers.memberCardNo"> <i class="glyphicon glyphicon-credit-card"></i>
                {{customers.memberCardNo}}
            </div>
            <div ng-if="customers.phone"> <i class="glyphicon glyphicon-earphone"></i>
                {{customers.phone}}
            </div>
        </div>
        <div class="col-sm-3" ng-bind="customers.memberGradeName||'顾客'"></div>
        <div class="col-sm-3" ng-bind="dict.source[customers.source]||'未知'"></div>
        <div class="col-sm-3" ng-bind="customers.lastConsumeTime||'无消费信息'"></div>

    </div>
    <div class="col-sm-12 plan-son text-left" ng-if="!view.customer.items[0]">
        无查询结果
    </div>
    <div class="col-sm-12">
            <pagination items-per-page="view.customer.count" boundary-links="true" total-items="view.customer.total" ng-model="view.customer.page" class="pagination-sm" previous-text="&lsaquo;" ng-change="pageChange()" next-text="&rsaquo;" first-text="&laquo;" last-text="&raquo;"></pagination>

    </div>
    <script>
    $(function(){
    $('.popover').each(function () {
    width=$(this).prev().outerWidth();
    height=$(this).prev().outerHeight();
    $(this).css({"left":($(this).parent().outerWidth()-width)/2+width+2,"top":-($(this).outerHeight()-height-2)/2})
    })

    })
    </script>